<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>LayIM客服模式 webim在线演示 - Layui</title>
    <link rel="stylesheet" href="css/layui.css" media="all">
    <link rel="stylesheet" href="css/global.css" media="all">
    <link rel="stylesheet" href="style.css?t=20160620" media="all">
</head>
<body>
    <script src="src/layui.js"></script>
    <script>

    layui.use('layim', function(layim) {
      var layim = layui.layim;
      layim.config({
          init: {
              //配置客户信息
              mine: {
                  "username": "沈华" //我的昵称
                      ,
                  "id": "100000123" //我的ID
                      ,
                  "status": "online" //在线状态 online：在线、hide：隐身
                      ,
                  "remark": "在深邃的编码世界，做一枚轻盈的纸飞机" //我的签名
                      ,
                  "avatar": "images/fly/avatar/00.jpg" //我的头像
              }
          }
          //开启客服模式
          ,
          brief: true,
          //以下为我们内置的模版，也可以换成你的任意页面。若不开启，剔除该项即可
          //chatLog: layui.cache.dir + 'css/modules/layim/html/chatLog.html'
      });
      //打开一个客服面板
      layim.chat({
          username: "我是客服小沈" //消息来源用户名
          ,type: 'friend' //聊天类型
              ,
          avatar: 'http://tp1.sinaimg.cn/5619439268/180/40030060651/1' //头像
              ,
          id: 1111111 //定义唯一的id方便你处理信息
      });
      layim.getMessage({
        username: "我是客服小沈" //消息来源用户名
        ,avatar: "http://tp1.sinaimg.cn/1571889140/180/40030060651/1" //消息来源用户头像
        ,id: "1111111" //消息的来源ID（如果是私聊，则是用户id，如果是群聊，则是群组id）
        ,type: "friend" //聊天窗口来源类型，从发送消息传递的to里面获取
        ,content: "嗨，你好！本消息系离线消息。" //消息内容
        ,cid: 0 //消息id，可不传。除非你要对消息进行一些操作（如撤回）
        ,mine: false //是否我发送的消息，如果为true，则会显示在右方
        ,fromid: "100000" //消息的发送者id（比如群组中的某个消息发送者），可用于自动解决浏览器多窗口时的一些问题
        ,timestamp: 1467475443306 //服务端动态时间戳
      });
    })
    </script>
</body>

</html>
